/****************************************************************
 *																*		
 * 						      杭州美卓自动化有限公司							*
 *                        www.dmaku.com							*
 *       		  努力创建完善、持续更新插件以及模板			*
 * 																*
****************************************************************/
@media screen and (max-width:770px) {
.head,.head .head_r,.i_ma,.i_mb,.i_mc,.i_md,.bq,.foot,.i_me,.scd{width:320px; margin:0px auto;}
.head{ position:relative;}
.head .logo img,.head .logo{ width:119px; height:81px;}
.head .logo{ position: absolute;left: 50%;top: -20px;transform: translate(-50%);}
.r_top span{ font-size:12px;}
.r_top .search{ width:190px; margin-top:10px;}
.head .nav{ margin-top:50px; text-align:left;}
.head .nav li a{ width:103px; padding:0; text-align:center;}
.head .nav li{ margin:0px;}
.banner{ height:auto;}
.flex-control-nav{
    bottom:18px
}
.flexslider .slides > li{ overflow:visible;}
.flexslider .slides img{ width:100%; height:auto; margin-left:0px !important;}
.i_ma .i_mal,.i_ma .i_mar{ width:100%;}
.i_ma .i_mal{ margin-bottom:20px;}
.i_mal .box_m{ line-height:185%;}
.i_mar .box_m{ height:auto; margin-bottom:10px;}
.i_mar .box_m embed{ width:320px; height:170px;}
.bg_a,.f_bg,.bq_bg,.banner_s,.banner{ min-width:320px;}
.i_mb ul{ height:870px; overflow:hidden;}
.i_mb ul li{ width:100%; margin-right:0px; text-align:center;}
.i_mc ul li{ float:none; margin:0px auto !important; margin-top:75px !important;}
.i_md ul{ height:866px; overflow:hidden;}
.i_md ul li{ width:100%; margin-right:0;}
.i_md ul li img{ width:320px; height:343px;object-fit: contain;}
.i_mc ul li{ width:318px;}
.i_mc ul li .tu{ left:110px;}
.i_mb ul li img{ width:320px; height:384px;object-fit: contain;}
.foot .f_nav{ width:100%;text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
    .f_nav .divider{
        display: none;
    }
.foot .f_code{ width:100%; position:static; margin-top:20px;}
.f_nav li{ width:103px; margin-left:0px; height:200px;}
.foot .f_code p{ text-align:left;}
#focus_Box{ display:none;}
.sj_sp{ display:block;}
.banner_s,.banner_s img{ width:100%; height:auto; margin-left:0px !important;}
.scd .scd_l{ width:100%; background-size:100%; height:auto; padding-bottom:20px;}
.scd_l .s_nav li{ width:280px; background-repeat:repeat-x;}
.scd_l .s_nav li a{ width:241px;}
.scd .scd_r{ width:100%;}
.scd_r .r_title{ font-size:24px;}
.scd_r .scd_m{ overflow:hidden;}
.scd_r .scd_m img{ max-width:320px; height:auto;}
.pro li img,.pro li{ width:318px; height:296px; margin-right:0px;object-fit: contain;}
.pro li .des{ width:320px;}
.pages a{ font-size:14px;}
.news dl dt, .news dl dt img{ width:320px; height:183px;}
.news dl dd{ width:100%; margin-top:5px;}
.news dl dd .title em{ font-size:12px;}
.service dt,.service dd{ width:100%; height:auto;}
.service dt{ margin-bottom:20px;}
.contact dl dt{ width:100%; margin-right:0; text-align:center;}
.contact dl dd{ width:100%; line-height:180%;}
.contact dl dd p{ margin-bottom:10px;}
}
